@charset "utf-8";
@import "my_mixins/_var";

//表格宽度变量
$input-w-01:350px;
$input-w-02:300px;


//文本输入框混合宏 [需另设置宽度]
@mixin input-text-control{
	height: 40px;
	border:$border-default;
	padding-left: 10px;
}

//表格行间距
@mixin input-row-addon{
	margin-bottom: 15px;
}

//表题文字样式  [需另设置宽度]
@mixin input-row-title{
	line-height: 40px;
	font-size: 16px;
	text-align: left;
	display: inline-block;
	margin-right: 25px;
}

//*号键样式
@mixin asterisk{
	color: $font-danger-color;
	font-size: 16px;
	padding:2px;
}

//+号样式
	@mixin ui-add{
		border:1px dashed #ccc;
		height: 40px;
		width: 40px;
		text-align: center;
		line-height: 36px;
		display: inline-block;
		margin-right: 10px;
		span{
			font-size: 30px;
			color: #ccc;
		}
	}




//单选按钮混合宏样式


//设置按钮垂直高度，宽，高，弧度,颜色
@mixin radio_checkbox($width,$height,$color,$radius:circle){
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-right: 15px;
	font-size: 13px;
	

	&:before {
		content: "";
	display: inline-block;

	width: $width;
	height: $height;
	vertical-align: middle;
	border:1px solid $border-info-color;
	@if $radius=="circle" {
		border-radius: 100%;
		margin-right: 5px;
	}@else {
		border-radius: $radius;
		margin-right: 2px;
	}
	background-color: $color;

	}
}

@mixin new_checkbox($sizeW,$sizeH,$width,$height,$radius,$borderC){
	&:hover{
      background: url("/res/mpe/img/check_hover.png") no-repeat 2px 6px;
      background-size: $sizeW $sizeH;
      &:before{
        border:1px solid $border-primary-color;
      }

    }
    &:before{
        content: "";
        display: inline-block;
        margin-right: 2px;
        width: $width;
        height: $height;
        vertical-align: middle;
        border-radius: $radius;
        border:1px solid $borderC;
      }
}





//input[type=radio]:checked + label:before
@mixin checked-radio($height,$color,$bcolor){
	content: "\2022";
	color: $color;
	font-size: 12px;
	text-align: center;
	line-height: $height;
	background-color: $bcolor;
	border:1px solid $bcolor;
}

//input[type=checkbox]:checked + label:before
@mixin checked-checkbox($height){
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: $height;
}


@mixin checked-box($sizeW,$sizeH,$bgcolor,$borderC){
	background: url("/res/mpe/img/checked.png") no-repeat center;
    background-size: $sizeW $sizeH;
    text-align: center;
    background-color: $bgcolor;
    border:1px solid $borderC;

}